@charset "utf-8";
/* CSS Document */
.body_bg{ background:#f5f5f5}
/*登录*/
.login_wrap{ width:100%; background:url(../img/loginbg.png) no-repeat; background-size:cover; overflow:hidden;background-position:bottom;overflow-y:auto}
.login_main{ margin-left:15px; margin-right:15px; background:rgba(255,255,255,0.7);margin-top:15px; border-radius:5px; padding-left:15px; padding-right:15px; overflow:hidden; padding-bottom:15px}
.login_logo{height:58px; background:url(../img/banner.png) no-repeat; background-size:100% 100%; margin-top:10px;}
.login_login{overflow:hidden;}
.login_login dl{overflow:hidden}
.login_login dl dt{ display:block; float:left; font-size:14px; line-height:36px; color:#333333; width:64px}
.login_login dl dt span{ display:block; float:left}
.login_login dl dt span.fr_right{ float:right}
.login_login dl dd{ display:block; height:36px;  margin-left:74px;}
.login_login dl dd input{ width:100%;height:36px; border:none; border-radius:4px}
.login_login dl dd select{width:100%;height:36px; border:none; border-radius:4px}
.login_login dl.login_reg dt{margin-top:-10px; width:200px}
.login_login dl.login_reg dt a{ display:block;text-indent:4px; color:#2db89f}
.login_button{ margin-left:0px; margin-right:0px; position:relative; margin-top:10px; height:40px;}
.login_button a{ display:block; position: absolute; width:200px; height:40px; text-align:center; background:#00caa5; line-height:40px; color:#fff; left:50%; margin-left:-100px; border-radius:20px}
.login_err{ color:#e9011c; text-indent:center; line-height:26px; height:26px; text-align:center}
.login_err span{ font-size:12px}
.login_main dl dd input.err_state{border:1px #e9011c solid; height:34px;width:99%}
/*注册*/
.reg_wrap{ width:100%; background:url(../img/regbg.png) no-repeat; background-size:cover; overflow:hidden;background-position:bottom; overflow-y:auto}
.mobile_num{ position:relative}
.mobile_num dd:nth-of-type(1){ margin-right:72px;}
.mobile_num dd:nth-of-type(1) input{border-top-right-radius:0px;border-bottom-right-radius:0px;}
.mobile_num dd:nth-of-type(2){ float:right; width:72px; background:#eaeaea; position:absolute; top:0px; bottom:0px; right:0px; border-top-right-radius:4px;border-bottom-right-radius:4px;}
.mobile_num dd:nth-of-type(2) a{ display:block; width:100%; line-height:36px; text-align:center; color:#333333;}
.login_login dl.tishi_ziliao{ margin-top:-18px; text-align:center; margin-bottom:5px}
.login_login dl.tishi_ziliao dt{ width:100%; color:#000; font-size:12px}
.zbtn-primary{background-color:#00caa5 !important;border-color:#00caa5 !important}
.zbtn-lg{ border-radius:20px !important;}
/*操作成功*/
.show_ts{position:absolute; left:50%; margin-left:-56px;top:50%; margin-top:-170px}
.show_ts p{ margin-top:40px; font-size:18px;text-align:center; width:112px; color:#000000}
.icon_suc{ width:112px; height:112px; background:url(../img/suc_03.png) no-repeat; background-size:100% auto;}
.ts_button{ position:absolute; left:50%; bottom:40px; width:300px; margin-left:-150px}
.ts_button a{ display:block; width:100%; height:50px; background:#00caa5; border-radius:20px; color:#fff; line-height:50px; text-align:center; font-size:14px; letter-spacing:1px}
.icon_err{width:112px; height:112px; background:url(../img/err_03.png) no-repeat; background-size:100% auto;}
/*线路*/
.load_wrap{ margin-left:10px; margin-right:10px; margin-top:10px;}
.load_wrap>ul>li{ overflow:hidden; margin-bottom:10px}
.load_wrap .load_title{ height:73px; background:#4678a9; position:relative; cursor:pointer}
.load_wrap .load_title .load_num{ width:25px; height:25px; background:url(../img/load_numbg.png) no-repeat; background-size:100% 100%; text-indent:2px; padding:4px; float:left;}
.load_wrap .load_title .load_num_tenup{text-indent:-3px}
.load_xianlu{ position:absolute; left:20px; right:20px; top:0px; bottom:0px}
.load_xianlu dl{ display:block; overflow:hidden}
.load_xianlu dl dt{ display:block; float:left; }
.load_xianlu dl dd{ display:block;float:left; }
.load_from_to dt{color:#fff; font-size:16px; margin-right:10px; width:60px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.load_from_to dd{color:#fff; margin-top:4px; width:70px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.load_from_to{ margin-top:14px; position:relative}
.load_xianlu dl dd.fr_float{ float:right;}
.load_xianlu dl dd.icon_from_to{ margin-top:8px;position:absolute; left:140px;right:70px; width:auto}
.load_xianlu dl dd.icon_from_to span{ display:block;width:30px; height:10px; background:url(../img/load_to_from.png) no-repeat; background-size:100% 100%; margin:0 auto}
.load_from_msg{margin-top:10px;margin-left:-6px;}
.load_from_msg dt{ color:#fff; width:67px; background:#4272a0; height:21px; line-height:21px; text-align:center;}
.load_from_msg dd{ color:#fff; margin-top:2px}
.load_from_msg dd.marleft{ margin-left:10px; margin-right:6px}
.load_from_msg dd a{ color:#ffffff; text-decoration:underline; margin-left:2px}
.load_list{ margin-left:20px; margin-right:20px; height:20px; margin-top:15px; position:relative}
.load_list ul{ float:left}
.load_list ul li{ float:left; width:100%; margin-bottom:2px}
.load_list_aim{ overflow:hidden; width:20px; float:left}
.load_list_aim i{ display:block; width:20px; height:20px; background:#4678a9; border-radius:10px; color:#fff; font-style:normal; text-align:center; line-height:20px}
.load_list_aim span{ display:block; margin-left:25px; word-break:break-all; font-size:14px}
.load_list_line{ width:3px; height:25px; background:#4678a9; margin-left:8px; margin-top:2px; overflow:hidden}
.load_name{ margin-left:25px}
.load_name p{ font-size:14px}
.load_no_select .load_title{ background:#389dff}
.load_no_select .load_from_msg dt{ background:#3595f2}
/*班车列表*/
.banche_list dl{ position:relative; border-bottom:1px #e4e4e4 solid; margin-bottom:15px}
.banche_list dl dd{ margin-left:0px; margin-bottom:7px; overflow:hidden} 
.banche_list dl dd span{ display:block;color:#343434}
.banche_list dl dd span:nth-of-type(1){ float:left}
.banche_list dl dd span:nth-of-type(2){ margin-left:60px;word-break:break-all;}
.banche_list dl dt{ margin-bottom:12px; overflow:hidden}
.banche_list dl dt span{ display:block}
.banche_list dl dt span:nth-of-type(1){font-size:14px; float:left; font-weight:bold;max-width: 190px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.banche_list dl dt span:nth-of-type(2){ font-size:12px; font-weight:400; color:#888888; line-height:20px;float:right;}
.banche_list dl dd.icon_weizhi{ margin-right:0px; width:30px; height:30px; position:absolute; top:50%; right:0px; background:url(../img/icon_weizhi.png) no-repeat; background-size:100%; margin-top:-15px}
.banche_list dl dd a{ display:block; width:60px;float:right; text-decoration:none;text-align:center; margin-left:20px; margin-top:10px; position:relative}
.banche_list dl dd a i{display:block;height:20px;width:20px;margin-bottom:4px; position:absolute; left:50%; margin-left:-10px}
.banche_list dl dd a mark{ display:block;background:none; font-size:12px; color:#888888; margin-top:24px}
.banche_list dl dd a:nth-of-type(1) i{ background:url(../img/1.png) no-repeat; background-size:100% 100%;}
.banche_list dl dd a:nth-of-type(2) i{ background:url(../img/2.png) no-repeat; background-size:100% 100%;}
/*加载*/
.loading_wrap{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:rgba(255,255,255,0.9); z-index:10}
.bc_loading{ width:20px; height:20px; background:url(../img/loading1.gif) no-repeat; background-size:100% 100%; position:absolute; top:50%; left:50%; margin-left:-15px; margin-top:-25px}
.mobile_load{ display:block; position:absolute; left:0px; right:0px; top:50%; text-align:center; margin-top:5px; font-size:12px}
.zform-control{ margin-bottom:10px !important}
/*选择时间*/
.select_time_wrap{ margin-left:22px; margin-right:22px; overflow:hidden}
.select_time_wrap h1{ margin-top:24px; font-size:14px; text-align:center; width:98%}
.time_way{overflow:hidden}
.time_way span{ display:block; float:left; width:49%; text-align:center; border:1px solid #bbbbbb; height:36px; line-height:36px; color:#323232; margin-top:16px; cursor:pointer}
.time_way span.select_zg{border:1px solid #0acca9; color:#0acca9;}
.time_way span:nth-of-type(1){border-top-left-radius:5px;border-bottom-left-radius:5px; border-right:none;}
.time_way span:nth-of-type(1).select_zg{border-right:1px solid #0acca9;}
.time_way span:nth-of-type(2){border-top-right-radius:5px;border-bottom-right-radius:5px; border-left:none;}
.time_way span:nth-of-type(2).select_zg{border-left:1px solid #0acca9;}
.time_on{ border:1px solid #bbbbbb; height:36px; line-height:36px; width:98%;border-radius:5px; margin-top:16px; position:relative}
.time_on i{ display:block; width:4px; height:4px; background:#23be58; position:absolute; top:50%; margin-top:-2px; left:10px}
.time_on i.time_on_bg{ background:#bf242c;}
.time_on input{ height:36px; border:none;border-radius:5px;width:100%; text-indent:20px}
.time_button{ margin-top:30px;}
.time_button a{ display:block; width:98%; height:40px; line-height:40px; color:#fff; background:#00c9a5;border-radius:20px; text-align:center;}
/*地图*/
.map_here{ position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.map_annniu{ position:absolute; z-index:10;overflow:hidden; width:30px; top:16px; right:16px}
.map_annniu a{ display:block; width:30px; height:30px;}
.map_annniu a.anniu_yi{background:url(../img/weizhi2.png) no-repeat; background-size:100% 100%}
.map_annniu a.anniu_er{background:url(../img/weizhi1.png) no-repeat; background-size:100% 100%; margin-top:14px}
.warn_ts{ position:absolute; background:#fff; z-index:9999; width:200px; height:100px; border:1px #ccc solid; top:50%; left:50%; margin-left:-100px; margin-top:-50px; border-radius:2px}
.warn_ts span{ display:block; margin-left:10px; margin-right:10px;margin-top:10px; overflow:hidden;height:50px; text-align:center; line-height:50px}
.warn_ts_button{margin-left:0px; margin-right:0px; overflow:hidden; height:28px; margin-top:4px;}
.warn_ts_button a{ color:#fff; display:block; width:60px; height:26px; background:#00CAA5; margin:auto; border-radius:12px; text-align:center; line-height:26px}
/*轨迹回放*/
.begin_guiji{ position:absolute; bottom:0px; height:47px; left:0px; right:0px; background:#eceaeb; z-index:9999}
.guiji_control{ margin-left:15px; margin-right:15px; overflow:hidden; position:relative;height:47px;}
.guiji_button{ overflow:hidden; float:left; margin-top:13px}
.guiji_button a{ display:block; width:22px; height:22px; float:left}
.guiji_button a.guiji_button_bf{ background:url(../img/play.png) no-repeat; background-size:100% 100%}
.guiji_button a.guiji_button_stop{ background:url(../img/stop.png) no-repeat; background-size:100% 100%; margin-left:10px}
.guiji_button a.guiji_button_zt{background:url(../img/pause.png) no-repeat;background-size:100% 100%;}
.guiji_button_line{ display:block; width:3px; height:30px; background:url(../img/guii_line.png) no-repeat; background-size:100% 100%; float:left; margin-top:-6px; margin-left:10px; margin-right:10px}
.guiji_slider{ margin-right:50px; margin-left:30px; background:#b1b1b1; border-radius:10px; position:relative; margin-top:21px}
.guiji_slider_hc{height:10px; background:#888888; border-radius:10px; width:70%}
.guiji_slider_jindu{height:10px; background:#ffac20; border-radius:10px; width:40%; position:absolute; top:0px; bottom:0px}
.guiji_slider_handle{position:absolute; width:20px; height:18px; background:url(../img/button.png) no-repeat; background-size:100% 100%;top:-5px; left:40%; margin-left:-9px; cursor:pointer}
.set_speed{ position:absolute; width:40px; height:20px; border:1px #adadad solid;  text-align:center; line-height:20px; right:0px; top:13px; border-radius:2px}
.set_speed a{ display:block; font-size:12px; color:#333333;width:40px; height:20px;}
.select_speed{ position:absolute; top:-45px; right:15px; width:40px; text-align:center; z-index:10;  border:1px #adadad solid;border-radius:2px; background:#ECEAEB; overflow:hidden; }
.select_speed a{ display:block;color:#333333; width:40px; text-align:center;padding:5px 0px}
.map_bot{ bottom:47px}


@media screen and  (min-width:375px) and (max-width:413px){
.login_logo{height:71px; background:url(../img/banner.png) no-repeat; background-size:100% 100%; margin-top:10px}

/*班车路线*/
.load_from_to dt{color:#fff; font-size:16px; margin-right:10px; width:80px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.load_from_to dd{color:#fff; margin-top:4px; width:80px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.load_xianlu dl dd.icon_from_to{ margin-top:8px;position:absolute; left:160px;right:80px; width:auto}
.load_from_msg dd.marleft{ margin-left:30px; margin-right:10px}
/*班车路线 end*/
.load_from_msg{ margin-top:10px; margin-left:-6px}
	}
@media screen and  (min-width:414px) and (max-width:767px){
.login_logo{height:80px; background:url(../img/banner.png) no-repeat; background-size:100% 100%; margin-top:10px}
/*班车路线*/
.load_from_to dt{color:#fff; font-size:16px; margin-right:10px; width:90px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.load_from_to dd{color:#fff; margin-top:4px; width:100px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.load_xianlu dl dd.icon_from_to{ margin-top:8px;position:absolute; left:190px;right:100px; width:auto}
.load_from_msg dd.marleft{ margin-left:40px; margin-right:15px}
.banche_list dl dd a mark{ display:block;background:none; font-size:14px; color:#888888; margin-top:24px}
.banche_list dl dd a{display: block; width: 70px; float: right;text-decoration: none;text-align: center;margin-left: 20px;margin-top: 10px; position: relative;}

/*班车路线 end*/
/*班车列表*/
.banche_list dl dt span:nth-of-type(1){font-size:14px; float:left; font-weight:bold;max-width: 210px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.banche_list dl dt span:nth-of-type(2) {font-size: 14px;font-weight: 400;color: #888888;line-height:20px;float: right;}
.banche_list dl dd span{ display:block;color:#343434; font-size:14px}
.banche_list dl dd span:nth-of-type(2){ margin-left:70px;word-break:break-all;}

.load_from_msg{ margin-top:10px; margin-left:-6px}
	}
@media screen and  (min-width:768px){
.login_main{ width:360px; height:300px;background:rgba(255,255,255,0.8);top:50%;margin-top:-150px;border-radius:5px; padding-left:15px; padding-right:15px; overflow:hidden; padding-bottom:15px; position:absolute; left:50%; margin-left:-195px}
.reg_wrap .login_main{ height:490px;margin-top:-245px;}
.login_wrap{ width:100%; background:url(../img/loginbg1.jpg) no-repeat; background-size:cover; overflow:hidden;background-position:bottom;}
.reg_wrap{ width:100%; background:url(../img/regbg1.jpg) no-repeat; background-size:cover; overflow:hidden;background-position:bottom;}
.login_logo{height:70px; background:url(../img/banner.png) no-repeat; background-size:100% 100%; margin-top:10px}
.bc_loading{ width:100px; height:100px; background:url(../img/loading.gif) no-repeat; background-size:100% 100%; position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-50px}
.mobile_load{ display:none}
/*选择时间*/
.select_time_wrap{ width:360px; position:absolute; left:50%; top:50%; margin-left:-202px; margin-top:-162px}
.begin_guiji{ position:absolute; margin-left:140px; margin-right:140px; margin-bottom:30px; background:#eceaeb; z-index:2; border-radius:5px; z-index:9999}
.map_bot{bottom:0px;}

/*班车路线*/
.load_from_to dt{color:#fff; font-size:16px; margin-right:10px; width:200px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.load_from_to dd{color:#fff; margin-top:4px; width:200px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.load_xianlu dl dd.icon_from_to{ margin-top:8px;position:absolute; left:400px;right:200px; width:auto}
.load_xianlu dl dd.icon_from_to span{ display:block;width:60px; height:10px; background:url(../img/load_to_from.png) no-repeat; background-size:100% 100%; margin:0 auto}
.load_from_msg dd.marleft{ margin-left:150px; margin-right:30px}
/*班车路线 end*/
.load_from_msg{ margin-top:10px; margin-left:-6px}
}


